<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<title>Document</title> 
	<!-- meta使用viewport以确保页面可自由缩放 -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 引入 jQuery Mobile 样式 -->
	<link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
	<link rel="stylesheet" type="text/css" href="./css/demo.css">
	<link rel="stylesheet" type="text/css" href="css/homepage.css">
	<link rel="stylesheet" type="text/css" href="css/style_yx.css">
	<!-- 引入 jQuery 库 -->
	<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
	<!-- 引入 jQuery Mobile 库 -->
	<script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
	<div data-role="page" id="homepage">
		<header data-role="header" data-position="fixed" data-theme="b" style="padding-bottom: 0">
			<a href="#" class="ui-btn ui-corner-all ui-shadow ui-icon-home ui-btn-icon-notext">button</a>
			<h1 style="font-size: 16px">注册</h1>
			<a href="#" class="ui-btn ui-btn-right ui-corner-all ui-shadow ui-icon-bars ui-btn-icon-notext" style="right: 2.2em;" id="menu">button</a>
			<a href="#" class="ui-btn ui-btn-right ui-corner-all ui-shadow ui-icon-search ui-btn-icon-notext">button</a>
		</header>
		<div data-role="navbar" id="menulist">
		    <ul>
		    	<li><a href="C:\Users\Lenovo\Desktop\HTML mobile\demo.html">首页</a></li>
				<li><a href="C:\Users\Lenovo\Desktop\HTML mobile\login.html">登录</a></li>
				<li><a href="C:\Users\Lenovo\Desktop\HTML mobile\register.html" class="ui-btn-active">注册</a></li>
				<li><a href="#">设置</a></li> 
				<li><a href="#">下载</a></li>				
				<li><a href="#">更多</a></li>
		    </ul>
		</div><!-- /navbar -->
	<section class='yxbj-p-home'>
	<div class='cons' style="padding-top: 40px;padding-bottom: 20px">
		<div class='head'>立即<span class='green'>注册</span></div>
		<div class='head'>- 开启你的笔记 -</div>
		<div class='content'>随时随地获取、整理、分享笔记，让灵感时刻与你同行</div>
	</div>
	<div class='form'>
		<form action="" id="create-account" method="post" class="registration" novalidate="novalidate">
			<div class="form-items">
				<fieldset>
					<div class='field-item'>
						<input id='email' type='email' placeholder='用户名' name='email'  data-validate="required, email, email_in_use">
            		</div>
            		<div class='field-item'>
						<input id='password' type='password' placeholder='密码' name='password' data-validate="required, password">
						<input id='password' type='password' placeholder='确认密码' name='password' data-validate="required, password">
						<div class="button-container">
				            <p class="legal pro">点击注册，表示你同意<a href="/legal/tos.php">服务条款</a> 和<a href="/legal/privacy.php">隐私条款</a></p>
				            <button name="register" class="click_tracking large-button-green" data-category="account_signup" data-action="click_signup_email">注册</button>
				         </div>
						<div class='no-background' style='margin-top:0; font-size: 1rem;margin: 1rem auto;'>
							<a href="#" class="login-link click_tracking green login" data-label="home" data-action="sign-in" style='text-decoration: none;'>注册</a></div>
						<p class='des'>与全球<span class="green">2亿</span>用户一起，用印象笔记成就更多。</p>
					</div>
				</fieldset>
			</div>
		</form>
	</div>
</section>
</body>
<script type="text/javascript" src="./js/jqajax.js"></script>
<script type="text/javascript" src="./js/demo.js"></script>
<script type="text/javascript" src="./js/api.js"></script>
</html>